<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>Admin Platform</title>
<style>
*{ WORD-WRAP: break-word; outline: none; }
BODY { BACKGROUND: #fff; TEXT-ALIGN: center;MARGIN: 0px;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
	FONT: 12px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; COLOR: #333;
}
TD { FONT: 12px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; COLOR: #333; }
INPUT { FONT: 12px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; COLOR: #333; }
BUTTON { FONT: 12px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; COLOR: #333; }
UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; }
P { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
EM {
	FONT-WEIGHT: normal; FONT-STYLE: normal;
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
UL {
	LIST-STYLE-TYPE: none;
}
A {
	COLOR: #2366a8; TEXT-DECORATION: none;
}
A:hover {
	TEXT-DECORATION: underline;
}
A IMG {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
TABLE {
	BORDER-COLLAPSE: collapse;
}
TH {
	TEXT-ALIGN: left;
}
LABEL {	CURSOR: pointer;}
INPUT {  margin-top:5px;BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 2px; BACKGROUND: #f9f9f9; PADDING-BOTTOM: 0px; BORDER-LEFT: #666 1px solid; COLOR: #333; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid;}
#admintop {
	BACKGROUND: #3B5E92;
	border-bottom:solid #034698;
}
.mainhd { OVERFLOW: hidden; LINE-HEIGHT: 45px; POSITION: relative; HEIGHT: 45px; TEXT-ALIGN: left;}
.logo { FLOAT: left;WIDTH: 100px; HEIGHT: 45px; }
.uinfo { FLOAT: left; width:50px; margin-top:20px; }
.uinfo a{color:#FFAA11;} 
.nav { Z-INDEX: 2; WIDTH: 100%; POSITION: absolute; TOP: 14px; HEIGHT: 40px;background-color:#7F99CC;}　
.nav UL { FONT-SIZE: 14px; Z-INDEX: 4; OVERFLOW: hidden; POSITION: relative; }
.nav LI { FLOAT: left; LINE-HEIGHT: 36px; HEIGHT: 40px;}
.nav LI EM { DISPLAY: block;}
.nav LI A { PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FONT-WEIGHT: 700; PADDING-BOTTOM: 5px; COLOR: #FFAA11; PADDING-TOP: 5px;}
.nav LI A:hover { COLOR: #09c; TEXT-DECORATION: none; }
.nav LI .diffcolor { COLOR: #f60; }
.nav LI.navon { LINE-HEIGHT: 32px; }
.nav LI.navon EM {
	DISPLAY: block; 
}
.nav LI.navon EM A {
	DISPLAY: block;  COLOR: #fff;}
.nav LI.navon EM A:hover { COLOR: #fff; } 
.menu { Z-INDEX: 20; WIDTH: 160px; POSITION: relative;
}
.menu UL {
	RIGHT: 5px;WIDTH: 153px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 10px;
}
.menu LI {
	MARGIN: 0px; OVERFLOW: hidden; HEIGHT: 23px;
}
.menu LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 30px; BACKGROUND-COLOR:#7F99CC; PADDING-BOTTOM: 3px; COLOR: #666; PADDING-TOP: 5px
}
.menu LI A:hover {
	BACKGROUND:#deeffa; COLOR: #2366a8; TEXT-DECORATION: none;
}
.menu LI A.tabon {
	background:#034698; COLOR: #fff; TEXT-DECORATION: none;
}
.menu LI A.tabon:hover {
	BACKGROUND: #deeffa; COLOR: #666; TEXT-DECORATION: none;
}  
</style>
</HEAD>
<BODY scroll=no>
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%">
    <TR id="admintop">
      <TD vAlign=top width=160 height=40><DIV class=logo></DIV>
        <DIV class=uinfo>
		<A href="./" 
		  target=_blank>网站首页</A>  </DIV></TD>
      <TD vAlign=top width="100%"><DIV class=mainhd>
          <DIV class="nav">
            <UL id=topmenu>
              <LI><EM><A id=header_func hideFocus 
        onclick="toggleMenu('func', 'help');" 
        href="javascript:;">Func</A></EM></LI>
              <LI><EM><A id=header_ads hideFocus 
        onclick="toggleMenu('ads', 'adsindex');" 
        href="javascript:;">Ads Operation</A></EM></LI> 
            </UL>
          </DIV> 
        </DIV></TD>
    </TR>
    <TR>
      <TD height="2" colspan="2" bgcolor="#034698"></TD>
    </TR>
    <TR>
      <TD style="BACKGROUND-COLOR: #3B5E92; height:512px; overflow:hidden;" VAlign=top width="160px">
	  <DIV class=menu id=leftmenu>
          <UL id=menu_func style="DISPLAY: none">
          	<LI><A hideFocus 
        href="index.php?s=/Supadmin/Main/cache" onClick="focusMenu(this);"
        target=main>CACHE</A></LI>
          	<LI><A hideFocus 
        href="index.php?s=/Supadmin/Main/thumb" onClick="focusMenu(this);"
        target=main>THUMB LIST</A></LI>
             <LI><A hideFocus 
        href="index.php?s=/Supadmin/Main/upload" onClick="focusMenu(this);"
        target=main>UPLOAD</A></LI>
             <LI><A hideFocus 
        href="index.php?s=/Supadmin/Main/collect" onClick="focusMenu(this);"
        target=main>COLLECTION</A></LI>
            <LI><A hideFocus onClick="focusMenu(this);"
        href="http://translate.google.com/#zh-CN|en|" 
        target=main>GOOGLE翻译工具</A></LI>
            <LI><A hideFocus onClick="focusMenu(this);"
        href="http://fy.iciba.com/" 
        target=main>爱词霸翻译工具</A></LI> 
            <LI><A hideFocus onClick="focusMenu(this);" href="index.php?s=/Supadmin/Main/help" 
        target=main>帮助中心</A></LI>
          </UL>
          <UL id=menu_ads style="DISPLAY: none">
            <LI><A hideFocus onClick="focusMenu(this);"
        href="index.php?s=/Supadmin/Main/adsindex" 
        target=main>ADS_INDEX</A></LI>
            <LI><A hideFocus onClick="focusMenu(this);"
        href="index.php?s=/Supadmin/Main/adsbeautyshow" 
        target=main>ADS_BEAUTYSHOW</A></LI>
            <LI><A hideFocus onClick="focusMenu(this);"
        href="index.php?s=/Supadmin/Main/adstaobaomodel" 
        target=main>ADS_TAOBAOMODEL</A></LI>
          </UL>
        </DIV></TD>
      <TD vAlign=top width="100%"><IFRAME style="OVERFLOW: visible" 
      name=main src="index.php?s=/Supadmin/Main/help" 
      frameBorder=0 width="100%" scrolling=yes 
  height="512px"></IFRAME></TD>
    </TR>
  
</TABLE>
<script type="text/JavaScript">
	//需要配置的地方
	var headers = new Array('func', 'ads', 'cms', 'info');
	var adminfilename = 'index.php?s=/Supadmin/Main/'; 
	//需要配置的地方
	var adminfile = adminfilename;
	var adminfilelengh = adminfile.length;
	function toggleMenu(key, url) {
		for(var k in headers) {
			tk = document.getElementById('menu_' + headers[k]);
			if(tk) {
				tk.style.display = headers[k] == key ? '' : 'none';
			}
		}
		
		var lis = document.getElementById('topmenu').getElementsByTagName('li');
		for(var i = 0; i < lis.length; i++) {
			if(lis[i].className == 'navon') lis[i].className = '';
		}

		document.getElementById('header_' + key).parentNode.parentNode.className = 'navon';
		
		if(url) { 
			parent.main.location = adminfilename + url;
			
			var hrefs = document.getElementById('menu_' + key).getElementsByTagName('a');
			
			for(var j = 0; j < hrefs.length; j++) {
				hrefs[j].className = hrefs[j].href.substr(hrefs[j].href.indexOf(adminfilename) + adminfilelengh) == url ? 'tabon' : (hrefs[j].className == 'tabon' ? '' : hrefs[j].className);
			}
		}
		return false;
	}
	toggleMenu('func', 'help');
	function focusMenu(key)
	{
		var hrefs = document.getElementById('leftmenu').getElementsByTagName('a');
		for(var j = 0; j < hrefs.length; j++)
		{
			hrefs[j].className = hrefs[j] == key ? 'tabon' : (hrefs[j].className == 'tabon' ? '' : hrefs[j].className);
		}
		return false;
	}
</script>
</body>
</html>